body {
    background-color: #f1f1f1;
}

header {
    background-color: #fff;
}

img {
    width: 100%;
}

/* 菜单栏开始 */
.menu {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin-top: .1rem;

    .menu_key {
        width: 25%;
        padding: .1rem .3rem;
        text-align: center;
        font-size: .16rem;
        color: #000;

        img {
            width: 100%;
            margin-bottom: .1rem;
        }
    }
}



/* 超值折扣推荐 */
.discount {
    background-color: #fff;

    .discount_title {
        color: #fff;
        display: flex;
        background-color: #ff9e20;
        justify-content: space-between;
        padding: .1rem;

        p {
            font-size: .22rem;
            margin-bottom: 0;
        }

        >a {
            font-size: .16rem;
            text-align: center;
            line-height: .25rem;
            width: 0.25rem;
            height: 0.25rem;
            border: 1px solid #fff;
            border-radius: 50%;
            color: #fff;
        }
    }

    .discount_con {
        .commodity_left {
            width: 30%;
            padding: .1rem;
        }

        .commodity {
            display: flex;
            padding: .1rem 0;

            .divcommodity_right {
                width: 70%;

                .divcommodity_name {
                    width: 80%;
                    color: #000;
                    margin-bottom: .6rem;

                    span:nth-child(1) {
                        font-size: .25rem;
                    }

                    span:nth-child(2) {
                        font-size: .20rem;
                        color: #ff6c00;
                    }
                }

                .divcommodity_time {
                    color: #a6a6a3;
                    display: flex;
                    justify-content: space-between;

                    .divcommodity_time_l {
                        font-size: .16rem;
                        color: #888;
                    }

                    .divcommodity_time_r {
                        display: flex;
                        text-align: right;
                        padding-right: .1rem;

                        i {
                            display: block;
                            width: 0.2rem;
                            height: 0.3rem;
                            background-image: url(../images/pinglun.svg);
                            background-size: 0.2rem 0.2rem;
                            background-repeat: no-repeat;
                            background-position-y: .06rem;
                        }

                        span {
                            color: #333;
                            font-size: .16rem;
                            margin-top: .03rem;
                            margin-left: .04rem;
                        }
                    }
                }
            }
        }
    }

    .more {
        display: flex;
        justify-content: center;
        margin-bottom: .2rem;

        a {
            width: 80%;
            padding: .1rem 0;
            text-align: center;
            border: 2px solid #ccc;
            font-size: .2rem;
            color: #444;
            box-shadow: inset 0 0 14px 0px #ccc;
            background-image: linear-gradient(#fff, #f1f1f1);

            span {
                font-size: .14rem;
                margin-left: .1rem;
            }
        }
    }
}